<!-- 
    Security Knowledge Framework is an expert system application 
    that uses OWASP Application Security Verification Standard, code examples,
    helps developers in pre-development and post-development.  
    Copyright (C) 2020  Glenn ten Cate, Riccardo ten Cate

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU Affero General Public License as
    published by the Free Software Foundation, either version 3 of the
    License, or (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU Affero General Public License for more details.

    You should have received a copy of the GNU Affero General Public License
    along with this program. If not, see <http://www.gnu.org/licenses/>.
-->

<!-- **********************************************************************************************************************************************************
      MAIN CONTENT
      *********************************************************************************************************************************************************** -->
<!--main content start-->
<section id="main-content" class="dashboard">
	<section class="intro">
		<div class="inner">

			<div class="text">

				<h1>Security Knowledge Framework 3.0.4</h1>
				<p>SKF is an expert system application that uses the OWASP (M)ASVS with detailed code examples (secure coding principles) to help developers getting the right security requirements and create applications that are secure by design.</p>

			</div>
			<!--
			<div class="data-panel">
				<ul>
					<li>
						<span class="name">SKF Version:</span>
						<span class="version"></span>
						<span class="update">
								<a href="https://github.com/blabla1337/skf-flask">Update available</a>
							</span>
					</li>
				</ul>
			</div>
			-->
		</div>
	</section>
	<section class="wrapper">

		<div class="row mt">
			<div class="col-lg-12">
				<div class="content-panel">
					<div class="row">
						<div class="col-md-3">
							<div class="card">
								<div class="card-header" style="text-align:center;">
									CHECKLISTS
								</div>
								<div class="card-block">
									<ngb-tabset>
										<ngb-tab>
											<ng-template ngbTabTitle><b>Icon</b></ng-template>
											<ng-template ngbTabContent>
												<div class="content-panel selection four">
													<br/>
													<a routerLink="/checklist" id="checklist-icon">
														<span class="icon"><i class="fa fa-list-alt fa-4x"></i></span>
													</a>
												</div>
											</ng-template>
										</ngb-tab>
										<ngb-tab>
											<ng-template ngbTabTitle><b>Info</b></ng-template>
											<ng-template ngbTabContent>
												<br/>
												<p><b>Checklists</b></p>
												<p>Show different checklists that you can select for reference material. Click on the security control in the checklist to show the correlated knowledge base item. </p>
											</ng-template>
										</ngb-tab>
									</ngb-tabset>
								</div>
								<div class="card-footer text-muted text-center">
									<span class="name">Security requirements</span>
								</div>
							</div>
						</div>
						<div class="col-md-3">
							<div class="card">
								<div class="card-header" style="text-align:center;">
									KNOWLEDGE
								</div>
								<div class="card-block">
									<ngb-tabset>
										<ngb-tab>
											<ng-template ngbTabTitle><b>Icon</b></ng-template>
											<ng-template ngbTabContent>
												<div class="content-panel selection four">
													<br/>
													<a routerLink="/knowledgebase" id="knowledgebase-icon">
														<span class="icon"><i class="fa fa-book fa-4x"></i></span>
													</a>
												</div>
											</ng-template>
										</ngb-tab>
										<ngb-tab>
											<ng-template ngbTabTitle><b>Info</b></ng-template>
											<ng-template ngbTabContent>
												<br/>
												<p><b>The knowledge base</b></p>
												<p>All the information which is correlated throughout the project can be found here! Need specific information on the spot then search through the Knowledge base items.</p>
											</ng-template>
										</ngb-tab>
									</ngb-tabset>
								</div>
								<div class="card-footer text-muted text-center">
									<span class="name">Security knowledge base</span>
								</div>
							</div>
						</div>
						<div class="col-md-3">
							<div class="card">
								<div class="card-header" style="text-align:center;">
									CODE
								</div>
								<div class="card-block">
									<ngb-tabset>
										<ngb-tab>
											<ng-template ngbTabTitle><b>Icon</b></ng-template>
											<ng-template ngbTabContent>
												<div class="content-panel selection four">
													<br/>
													<a routerLink="/code-examples" id="code-examples-icon">
														<span class="icon"><i class="fa fa-code fa-4x"></i></span>
													</a>
												</div>
											</ng-template>
										</ngb-tab>
										<ngb-tab>
											<ng-template ngbTabTitle><b>Info</b></ng-template>
											<ng-template ngbTabContent>
												<br/>
												<p><b>Code examples</b></p>
												<p>The code examples show how to approach some common functionalities and how to apply the secure coding principles! We have secure code examples in different languages for example; PHP, Python, Java and .NET</p>
											</ng-template>
										</ngb-tab>
									</ngb-tabset>
								</div>
								<div class="card-footer text-muted text-center">
									<span class="name">Code examples</span>
								</div>
							</div>
						</div>
						<div class="col-md-3">
							<div class="card">
								<div class="card-header" style="text-align:center;">
									LABS
								</div>
								<div class="card-block">
									<ngb-tabset>
										<ngb-tab>
											<ng-template ngbTabTitle><b>Icon</b></ng-template>
											<ng-template ngbTabContent>
												<div class="content-panel selection four">
													<br/>
													<a routerLink="/labs" id="labs-icon">
														<span class="icon"><i class="fa fa-flask fa-4x"></i></span>
													</a>
												</div>
											</ng-template>
										</ngb-tab>
										<ngb-tab>
											<ng-template ngbTabTitle><b>Info</b></ng-template>
											<ng-template ngbTabContent>
												<br/>
												<p><b>The SKF Labs</b></p>
												<p>We created in SKF Labs for Developers and security specialist to train their security testing skills. These labs re from basic to advanced and hard-core security issues. We also provided write-ups for the labs to teach the correct testing methodology.</p>
											</ng-template>
										</ngb-tab>
									</ngb-tabset>
								</div>
								<div class="card-footer text-muted text-center">
									<span class="name">Security labs</span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!--/wrapper -->
</section>
<!-- /MAIN CONTENT -->
<!--main content end-->